<!-- 学校组件 -->
<template>
  <div class="school">
    <h1>学校组件</h1>
    <h2>学校：{{name}}</h2>
    <h2>校址：{{address}}</h2>
  </div>
</template>

<script>
export default {
    name: "school",
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
        name:"机电学院",
        address:"盐城经济开发区"
    };
  },
  //方法集合
  methods: {},
  //
  mounted(){
    //给$bus绑定自定义事件
    this.$bus.$on("pushUserNameToSchool",data=>{
        console.log("接收用户组件传递的参数",data);
        
    })
  }
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.school {
  background-color: rgb(88, 241, 231);
  text-align: center;
}
</style>